
.onetext {
    width: 128px;
    height: 22px;
    display: inline-block;
    margin-left: 24px;
    margin-top: 22px;
    color: #000000e6;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}
.twotext {
    width: 128px;
    height: 22px;
    display: inline-block;
    margin-left: 24px;
    margin-top: 30px;
    color: #000000e6;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}
.threetext {
    width: 100%;
    height: 22px;
    display: inline-block;
    margin-left: 24px;
    margin-top: 30px;
    color: #000000e6;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}
.fourtext {
    width: 100%;
    height: 22px;
    display: inline-block;
    margin-left: 24px;
    margin-top: 12px;
    color: #000000e6;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}
.slovetext {
    margin-top: 38px;
    margin-left: 196px;
    color: #f93939e6;
    text-align: left;
    font-size: 27px;
    font-weight: 500;
}
.custom-inputone {
    color: #000;
    display: inline-block;
    margin-left: 1px;
    margin-top: 22px;
    width: 430px;
    height: 36px;
    border-radius: 3px;
    opacity: 1;
    border: 1px solid #dcdcdc;
    background: #ffffffe6;
}
.hr9 {
    width: 100%;
    height: 1px;
    margin: 0;
    border: none;
    background-color: #DCDCDC;
}

/deep/ .el-dialog__header {
    padding-left: 24px;
    padding-top: 16px;
    height: 56px;
    font-size: 36px;
}
/deep/ .el-dialog__body {
    padding: 0 0;
    color: #606266;
    font-size: 14px;
    word-break: break-all;
}
/deep/ .custom-dialog2 {
    width: 640px;
    height: 871px;
}
/* 这里可以定义组件独有的样式 */
.hr1 {
    background: #FFFFFF;
    border: none;
    border-top: 2px dashed #eeeeee;
}
.card {
    height: 145px;
    position: relative;
}
.blue {
    width: 4px;
    height: 19px;
    background: #166AFF;
    position: absolute;
    top: 22px;
    left: 21px;
}
.name {
    width: 66px;
    height: 19px;
    position: absolute;
    top: 20px;
    left: 32px;
    opacity: 1;
    color: #333333;
    text-align: left;
    font-size: 22px;
    font-weight: 500;
}
.result {
    width: 47px;
    height: 24px;
    border-radius: 5px;
    opacity: 1;
    border: 1px solid #F77F0E;
    background: #f77f0e1a;
    position: absolute;
    top: 20px;
    left: 108px;
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    text-align: center; /* 使文本居中对齐 */
    color: #F77F0E;;
    font-size: 14px;
    font-weight: 500;
}
.result1 {
    width: 47px;
    height: 24px;
    border-radius: 5px;
    opacity: 1;
    border: 1px solid #FD2C02;
    background: #f3e4e1;
    position: absolute;
    top: 20px;
    left: 108px;
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    text-align: center; /* 使文本居中对齐 */
    color: #f77f0e;;
    font-size: 14px;
    font-weight: 500;
}
.result2 {
    width: 65px;
    height: 24px;
    border-radius: 5px;
    opacity: 1;
    border: 1px solid #FF0000;
    background: #FF00001a;
    position: absolute;
    top: 20px;
    left: 108px;
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    text-align: center; /* 使文本居中对齐 */
    color: #FF0000;
    font-size: 14px;
    font-weight: 500;
}
.result3 {
    width: 65px;
    height: 24px;
    border-radius: 5px;
    opacity: 1;
    border: 1px solid #FFD700;
    background: #FFD7001a;
    position: absolute;
    top: 20px;
    left: 108px;
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    text-align: center; /* 使文本居中对齐 */
    color: #FFD700;
    font-size: 14px;
    font-weight: 500;
}
.result4 {
    width: 65px;
    height: 24px;
    border-radius: 5px;
    opacity: 1;
    border: 1px solid #eeaaaa;
    background: #FFD7001a;
    position: absolute;
    top: 20px;
    left: 108px;
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    text-align: center; /* 使文本居中对齐 */
    color: #eeaaaa;
    font-size: 14px;
    font-weight: 500;
}
.result5 {
    width: 65px;
    height: 24px;
    border-radius: 5px;
    opacity: 1;
    border: 1px solid #ff1111;
    background: #FF11111a;
    position: absolute;
    top: 20px;
    left: 108px;
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    text-align: center; /* 使文本居中对齐 */
    color: #ff1111;
    font-size: 14px;
    font-weight: 500;
}
.text {
    min-width: 500px;
    position: absolute;
    top: 24px;
    left: 200px;
    height: 19px;
    opacity: 1;
    color: #333333;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.role {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 65px;
    left: 21px;
}
.role2 {
    position: absolute;
    top: 65px;
    left: 261.5px;
}
.role3 {
    position: absolute;
    top: 65px;
    left: 573.5px;
}
.role4 {
    position: absolute;
    top: 100px;
    left: 21px;
}
.role5 {
    position: absolute;
    top: 100px;
    left: 261.5px;
}
.role6 {
    position: absolute;
    top: 100px;
    left: 573.5px;
}
.one2 {
    position: absolute;
    top: 67px;
    left: 41px;
    color: #333333;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.two2 {
    position: absolute;
    top: 67px;
    left: 281px;
    color: #333333;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.three2 {
    position: absolute;
    top: 67px;
    left: 596px;
    color: #333333;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.four2 {
    position: absolute;
    top: 101px;
    left: 41px;
    color: #333333;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.five2 {
    position: absolute;
    top: 101px;
    left: 281px;
    color: #333333;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.six2 {
    position: absolute;
    top: 101px;
    left: 596px;
    color: #333333;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.right1 {
    position: absolute;
    top: 113px;
    left: 1400px;
    color: #9e9e9e;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.right2 {
    position: absolute;
    top: 113px;
    left: 1499px;
    color: #9e9e9e;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.bbtn1 {
    width: 82px;
    height: 36px;
    position: absolute;
    left: 1227px;
    top: 51px;
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    border-color: #166AFF;
}
.bbtn2 {
    width: 134.5px;
    height: 36px;
    position: absolute;
    margin-left: 1320px;
    top: 51px;
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    border-color: #166AFF;
}
.bbtn3 {
    width: 134.5px;
    height: 36px;
    position: absolute;
    margin-left: 1464px;
    top: 51px;
    display: flex; /* 使用 flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    border-color: #166AFF;
}
.custom-icon {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    margin-bottom: 3px;
}
.button-text {
    width: 28px;
    height: 22px;
    opacity: 1;
    color: #166aff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 3px;
}
